.banner{position: relative;}
.banner image{width: 100%;}

.banner .year{position: absolute; top: 0; font-size: 30rpx; font-weight: bold; right: 0; padding: 10rpx 40rpx; border-radius: 0 0 0 15rpx; background-color: #fff; color: #d9232f; box-shadow: -5rpx 5rpx 15rpx rgba(0,0,0,.2);}
.searchBox{padding: 20rpx; margin: 20rpx auto; border-radius: 10rpx; box-shadow: 0 0 15rpx rgba(0,0,0,0.2); overflow: hidden;}

.resultBox{ padding: 20rpx 0; background-color: #f5f5f5;}
.resultBox .items{}
.resultBox h4{font-size: 28rpx; padding-bottom: 20rpx; text-align: center;}
.resultBox h4 i{display: inline; color: #d9232f;}
.resultBox .item{position: relative; background-color: #fff; padding: 20rpx; box-shadow: 0 3rpx 10rpx rgba(0,0,0,.3); border-radius: 15rpx;}
.resultBox .item + .item{margin-top: 20rpx;}
.resultBox .item h3{font-size: 30rpx; color: #333; font-weight: bold;}
.resultBox .item p{display: flex; align-items: flex-start; justify-content: flex-start; font-size: 26rpx; margin-top: 10rpx; color: #555;}
.resultBox .item p span{ width: 130rpx; font-weight: bold;}
.resultBox .item p i{color: #d9232f; font-style: normal;}


.popcontent h5{font-size: 30rpx; font-weight: bold; padding: 15rpx 0;}
.popcontent ul{margin-top: 20rpx;}
.popcontent ul + h5{margin-top: 20rpx;}
.popcontent ul li{font-size: 26rpx; line-height: 1.8;}
.popcontent ul li span{font-weight: bold; margin-right: 5rpx;}
.popcontent ul li i{display: inline; font-weight: bold; color: #d9232f;}
.popcontent ul li b{display: inline-block; border-radius: 10rpx; background-color: #d9232f; color: #fff; padding: 0rpx 10rpx; border: 1px solid #fff;}
.popcontent ul li b + b{margin-left: 10rpx;}

.popcontent{ width: 660rpx; padding: 20rpx; max-height: 70vh; overflow-y: auto;}

.gwdm{margin-top: 20rpx;}

.addFriend image{display: block; width: 100%;}



.fixBottom{position: fixed; bottom: 0; left: 0; display: flex; justify-content: space-between; width: 700rpx; background-color: #fff; border-top: 1px solid #ccc; padding: 20rpx;}

.compareBox{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 9999;}
.compareBox .content{padding: 20rpx;}
.contentBox{height: 90vh; overflow-y: auto;}
.compareBox .content .items{display: flex; }
.compareBox .content .zwdbTlt{font-size: 36rpx; font-weight: bold; text-align: center;}
.compareBox .content .thead{display: flex; flex-direction: column; justify-content: flex-start; width: 250rpx;}
.compareBox .content .thead .th{font-size: 26rpx; padding: 20rpx 10rpx; border: 1px solid #999; background-color: #ecf5ff;}
.compareBox .content .thead .th + .th{border-top: none;}

.compareBox .content .tbody{display: flex; flex-direction: column; justify-content: space-between;}
.compareBox .content .tbody .td{max-width: 250rpx; font-size: 26rpx; padding: 20rpx 10rpx; border: 1px solid #999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.compareBox .content .tbody .td + .td{border-top: none;}
.overBox{width: 450rpx; overflow-x: auto;}
.flexBox{display: flex; justify-content: flex-start; max-width: 500%;}
.closeBox{ padding-top: 20rpx;}


.comList{}
.comList .items{padding: 20rpx;}
.comList .item{position: relative; background-color: #fff; padding: 20rpx; margin-bottom: 20rpx; box-shadow: 0 3rpx 10rpx rgba(0,0,0,.3); border-radius: 15rpx;}
.comList .item h3{font-size: 34rpx; color: #333; font-weight: bold;}
.comList .item p{display: flex; align-items: flex-start; justify-content: flex-start; font-size: 28rpx; margin-top: 13rpx; color: #555;}
.comList .item p span{ width: 130rpx; }
.comList .item p i{color: #d9232f; font-style: normal;}


.errorBox{text-align: center; padding: 20rpx 0;}

.pagination{display: flex; justify-content: center; margin: 20rpx 0}
.pagination li{background-color: #fff; font-size: 26rpx; line-height: 60rpx; padding: 0 20rpx; margin: 0 5rpx ; border-radius: 5px; color: #777; border: 1px solid #e7e7e7; cursor: pointer;}

.name{position: fixed;bottom: 0; right: 0;  font-size: 18rpx;}

.warningText{font-size: 24rpx; color: #d9232f; line-height: 1.5;}

.other{padding: 20rpx 0;}
.other ul{display: flex; justify-content: space-between;}
.other ul li{width: 50%;}
.other ul li image{display: block; width: 100%;}

/* .banner{margin-bottom: 35rpx;} */
.banner image{display: block; width: 100%;}

.modalBtns{width: 100%;  padding-top: 15rpx; margin-top: 15rpx; border-top: 1px solid #eee;}
.modalBtns>div{margin-bottom: 15px;}
.slot-confirmButton{width: 100%;}
.slot-confirmButton p{width: 100%; font-size: 28rpx; text-align: center;}
.errorBox{text-align: center; padding: 20rpx 0;}
.ewmBox{display: flex; justify-content: space-between; align-items: center; padding-top: 20rpx; margin-top: 20rpx; border-top: 1px dotted #000;}
.ewmBox image{width: 200rpx;}
.ewmBox  p{font-size: 30rpx; line-height: 1.8; font-weight: bold; margin-left: 15px; text-align: left;}

.charts-box {
    width: 100%;
    height: 300px;
  }
  
.fixBottom{position: fixed; bottom: 0; left: 0; width: 100%; background-color: #fff; padding: 25rpx 0; z-index: 100; box-shadow: 0 0 10rpx rgba(0,0,0,.2);}
.fixBottom .flexBox{width: 100%; display: flex; justify-content: space-between;}
.fixBottom .flexBox .btn{width: 48%;}
.fixBottom .flexBox .btn.fullWidth{width: 100%;}


.compareBox{position: relative; top: 0; left: 0; width: 100vw;  background-color: #fff; z-index: 9999;}
.compareBox .content{padding: 25rpx;}
.compareBox .content .items{display: flex; }
.compareBox .content .zwdbTlt{font-size: 36rpx; font-weight: bold; text-align: center;}
.compareBox .content .thead{display: flex; flex-direction: column; justify-content: flex-start; width: 250rpx;}
.compareBox .content .thead .th{font-size: 26rpx; padding: 20rpx 10rpx; border: 1px solid #ccc; background-color: #ecf5ff;}
.compareBox .content .thead .th + .th{border-top: none;}

.compareBox .content .tbody{display: flex; flex-direction: column; justify-content: space-between;}
.compareBox .content .tbody .td{max-width: 250rpx; font-size: 26rpx; padding: 20rpx 10rpx; border: 1px solid #ccc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.compareBox .content .tbody .td + .td{border-top: none;}